// Copyright (c) 2020-2021 Dirk Holtwick. All rights reserved. https://holtwick.de/copyright

@import "variables";

.text {
  // Typography
  // Headings
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: inherit;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0.5em;
    margin-top: 0;
  }

  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    font-weight: 500;
  }

  h1,
  .h1 {
    font-size: 2rem;
  }

  h2,
  .h2 {
    font-size: 1.6rem;
  }

  h3,
  .h3 {
    font-size: 1.4rem;
  }

  h4,
  .h4 {
    font-size: 1.2rem;
  }

  h5,
  .h5 {
    font-size: 1rem;
  }

  h6,
  .h6 {
    font-size: 0.8rem;
  }

  // Paragraphs
  p,
  .-text-p {
    margin: 0 0 $line-height;
  }

  // Semantic text elements
  a,
  ins,
  u {
    text-decoration-skip: ink edges;
  }

  a {
    color: var(--link-color);

    &:hover {
      color: var(--link-hover-color, var(--alt-color));
    }

    &:active {
      color: var(--link-active-color, var(--link-color));
    }
  }

  abbr[title] {
    border-bottom: $border-width dotted;
    cursor: help;
    text-decoration: none;
  }

  kbd,
  tt {
    color: var(--code-foreground);
    background: var(--code-background, var(--secondary-background));
    //font-size: $font-size-sm;
    padding-top: 0;
    padding-right: $px-2;
    padding-left: $px-2;
    padding-bottom: $px-1;
    border-radius: $px-2;
  }

  mark {
    color: var(--highlight-foreground);
    background: var(--highlight-background);
    padding-top: 0;
    padding-right: $px-2;
    padding-left: $px-2;
    padding-bottom: $px-1;
    border-radius: $px-2;
  }

  // Blockquote
  blockquote {
    border-left: $border-width-lg solid $border-color;
    margin-left: 0;
    padding: $unit-2 $unit-4;

    p:last-child {
      margin-bottom: 0;
    }
  }

  // Lists
  ul,
  ol {
    margin: $unit-4 0 $unit-4 $unit-4;
    padding: 0;

    ul,
    ol {
      margin: $unit-4 0 $unit-4 $unit-4;
    }

    li {
      margin-top: $unit-2;
    }
  }

  ul {
    list-style: disc inside;

    ul {
      list-style-type: circle;
    }
  }

  ol {
    list-style: decimal inside;

    ol {
      list-style-type: lower-alpha;
    }
  }

  dl {
    dt {
      font-weight: bold;
    }

    dd {
      margin: $unit-2 0 $unit-4 0;
    }
  }
}
